<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<script type="text/javascript">
   $(function(){
       // 2.通过init方法初始化图表
       var userAddress = echarts.init(document.getElementById('userAddress'));

       $.ajax({
           url:"${pageContext.request.contextPath}/User/selectAddressCount.do",
           dataType:"JSON",
           success:function(data) {
               var option1 = {
                   title : {
                       text: '用户地区分布',
                       left: 'center'
                   },
                   tooltip : {
                       trigger: 'item'
                   },
                   legend: {
                       orient: 'vertical',
                       left: 'left',
                       data:['用户人数']
                   },
                   visualMap: {
                       min: 0,
                       max: 2500,
                       left: 'left',
                       top: 'bottom',
                       text:['高','低'],           // 文本，默认为数值文本
                       calculable : true
                   },
                   toolbox: {
                       show: true,
                       orient : 'vertical',
                       left: 'right',
                       top: 'center',
                       feature : {
                           mark : {show: true},
                           dataView : {show: true, readOnly: false},
                           restore : {show: true},
                           saveAsImage : {show: true}
                       }
                   },
                   series : [
                       {
                           name: '用户人数',
                           type: 'map',
                           mapType: 'china',
                           roam: false,
                           label: {
                               normal: {
                                   show: false
                               },
                               emphasis: {
                                   show: true
                               }
                           },
                           data:data
                       }
                   ]
               };
               // 3.使用刚指定的配置项和数据显示图表。
               userAddress.setOption(option1);
           }
       });
   })








</script>
<div id="userAddress" style="width: 600px;height:400px;"></div>